//
// Custom opacity helpers
//

// Responsive opacity
@for $opacity from 1 through 100 {
  @if $opacity%5 == 0 {
    .opacity-#{$opacity} {
      opacity: $opacity / 100 !important;
    }
  }
}

[class^="opacity-"] {
  transition: $transition;

  &.active,
  &:hover {
    transition: $transition;
  }
}
